<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../common/css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../common/iconfont/iconfont.css" />
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				background-color: #F3F5F7;
				font-family: "微软雅黑";
			}
			
			.header {
				height: 45px;
				line-height: 45px;
				background: #f9f9f9;
				color: #616161;
				font-size: 18px;
				border-bottom: 1px solid #bbb;
				text-align: center;
			}
			
			.header .icon {
				width: 20px;
				position: absolute;
				left: 10px;
			}
			
			.content .info {
				display: -webkit-box;
				border: 1px solid #D7D7D7;
				background-color: #ffffff;
				border-radius: 3px;
				margin: 40px 20px;
			}
			
			.content input {
				display: -webkit-box;
				-webkit-box-flex: 1;
				height: 40px;
				outline: none;
				border: none;
				margin: 0 10px;
				font-size: 14px;
				line-height: 40px;
			}
			
			.content .login {
				display: -webkit-box;
				margin: 60px 20px 0 20px;
				background-color: #F23030;
				height: 40px;
				line-height: 40px;
				-webkit-box-pack: center;
				border-radius: 3px;
				color: white;
			}
			
			.content .tips {
				height: 25px;
				margin: 60px 20px;
				font-size: 14px;
			}
			
			.content .tips a {
				color: #616161;
			}
			
			.content .tips>div:nth-child(1) {
				float: left;
			}
			
			.content .tips>div:nth-child(2) {
				float: right;
			}
		</style>
		<script src="../common/js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="../common/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../common/js/base.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="header">
			<i class="icon Hui-iconfont">&#xe6d4;</i> 快速登录
		</div>
		<div class="content">
			<div class="info">
				<input type="text" placeholder="请输入用户名" id="" v-model="userName" />
			</div>
			<div class="info">
				<input type="password" placeholder="请输入密码" v-model="userPwd" />
			</div>
			<div class="login" @click="login">
				登录
			</div>
			<div class="tips">
				<div><i class="icon Hui-iconfont">&#xe60e;</i>
					<a href="">找回密码</a>
				</div>
				<div><i class="icon Hui-iconfont">&#xe60c;</i>
					<a href="">快速注册</a>
				</div>
			</div>
		</div>

		<script src="../common/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../common/js/fastclick.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="../common/js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/loginVue.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>